<!DOCTYPE html>
<html>
	<head>
		<!-- 设置浏览器不缓存 -->
		<META HTTP-EQUIV="pragma" CONTENT="no-cache">
		<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
		<META HTTP-EQUIV="expires" CONTENT="0">
		<!-- Content-Type -->
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<!-- Favicon -->
		<link rel="shortcut icon" href="./images/logo.png">
		<title>企业服务共享中心-人员工资</title>
		<!--stylesheets-->
		<link rel="stylesheet" href="./plugins/element/index.css">
		<script src="./plugins/vue/vue.js"></script>
		<script src="./plugins/element/index.js"></script>
		<script src="./plugins/axios/axios.min.js"></script>
		<script src="./plugins/QRCode/qrcode.js"></script>
		<script src="./js/common/public.js?v=0.8.0.3"></script>
		<!-- 自定义样式表 -->
		<link rel="stylesheet" href="./css/base.css?v=0.8.0.3">
	</head>
	<body>
		<div id="app">
			<template>
				<el-container class="maincontainer">
					<el-container class="submaincontainer">
						<el-card class="box-card" style="position:relative;width:330px" shadow="never" v-show="leftbar_show">
							<div style="position:absolute;left:0;top:0;right:0;bottom:0;overflow-y:auto;overflow-x:hidden;padding-left: 20px;padding-top: 20px;padding-right: 20px;">
								<el-form :model="queryForm" ref="queryForm" :rules="queryFormRules">
									<el-form-item label="月份范围" prop="date">
										<el-date-picker style="width:235px" value-format="yyyy-MM-dd" v-model="queryForm.date" type="daterange" width="100"
										 align="right" unlink-panels range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"
										 :picker-options="pickerOptions">
										</el-date-picker>
									</el-form-item>
									<el-form-item label="姓名" prop="yourname" maxlength="20" autocomplete="off">
										<el-input v-model="queryForm.yourname"></el-input>
									</el-form-item>
									<el-form-item label="在职状态" prop="status">
										<el-select v-model="queryForm.status" multiple placeholder="请选择" filterable>
											<el-option v-for="item in statuses" :key="item" :label="item" :value="item">
											</el-option>
										</el-select>
									</el-form-item>
									<el-form-item label="工作地点" prop="workpalce">
										<el-select v-model="queryForm.workpalce" multiple placeholder="请选择" filterable>
											<el-option v-for="item in workpalces" :key="item" :label="item" :value="item">
											</el-option>
										</el-select>
									</el-form-item>
									<el-form-item label="是否离职" prop="online">
										<el-select v-model="queryForm.online" multiple placeholder="请选择" filterable>
											<el-option v-for="item in onlines" :key="item" :label="item" :value="item">
											</el-option>
										</el-select>
									</el-form-item>
									<el-form-item label="是否签字" prop="writename">
										<el-select v-model="queryForm.writename" multiple placeholder="请选择" filterable>
											<el-option v-for="item in writenames" :key="item" :label="item" :value="item">
											</el-option>
										</el-select>
									</el-form-item>
									<el-form-item label="部门" prop="bumen">
										<el-select v-model="queryForm.bumen" multiple placeholder="请选择" filterable>
											<el-option v-for="item in bumens" :key="item" :label="item" :value="item">
											</el-option>
										</el-select>
									</el-form-item>
									<el-form-item>
										<el-button size="small" type="primary" @click.native.prevent="start" style="position:fixed;left:20px;bottom:5px;">查询</el-button>
									</el-form-item>
								</el-form>
							</div>
						</el-card>
						<el-card class="box-card" style="width:100%" shadow="never">
							<div slot="header" class="clearfix">
								<i v-on:click="showLeftBar()" v-bind:class="[leftbar_show ? 'el-icon-s-fold' : 'el-icon-s-unfold']" style="color:#409EFF;cursor:pointer;"></i>
								<span>工资明细</span>
								<el-button-group style="float:right;margin-top:0px;">

									<el-button size="small" icon="el-icon-document" type="primary">结算</el-button>
								</el-button-group>
							</div>
							<div>
								<el-table :data="TheSalary" border ref="multipleTable" :data="pagedata" tooltip-effect="dark" :height="tableHeight"
								 style="width: 100%;" size="medium" show-summary>
									<el-table-column type="selection" width="70" align="center">
									</el-table-column>
									<el-table-column prop="number" label="年月" width="90" align="center" fixed>
									</el-table-column>
									<el-table-column prop="name" label="姓名" align="center" width="70" fixed>
									</el-table-column>
									<el-table-column prop="bumen" label="部门" align="center" width="70" fixed>
									</el-table-column>
									<el-table-column prop="gangwei" label="岗位" align="center" width="90" fixed>
									</el-table-column>
									<el-table-column label="应发工资" align="center">
										<el-table-column prop="dixin" label="底薪" width="70">
										</el-table-column>
										<el-table-column prop="gwgongzi" label="岗位工资" width="80">
										</el-table-column>
										<el-table-column prop="quanqin" label="全勤" width="70">
										</el-table-column>
										<el-table-column prop="baomi" label="保密" width="70">
										</el-table-column>
										<el-table-column prop="jixiao" label="绩效" width="70">
										</el-table-column>
										<el-table-column prop="jcheji" label="基础合计" width="70" >
										</el-table-column>
										<el-table-column prop="ticheng" label="提成" align="center">
											<el-table-column prop="person" label="个人" width="70" >
											</el-table-column>
											<el-table-column prop="team" label="团队" width="70" >
											</el-table-column>
										</el-table-column>
										<el-table-column prop="yfheji" label="应发合计" width="80" >
										</el-table-column>
									</el-table-column>
									<el-table-column label="考勤薪资" align="center">
										<el-table-column prop="needday" label="应出勤天数" width="50" align="center">
										</el-table-column>
										<el-table-column prop="noneedday" label="非请假出勤天数" width="50" align="center">
										</el-table-column>
										<el-table-column prop="noday" label="未在职天数" width="50" align="center">
										</el-table-column>
										<el-table-column prop="queka" label="缺卡" width="50" >
										</el-table-column>
										<el-table-column prop="shijia" label="事假" width="50" >
										</el-table-column>
										<el-table-column prop="bingjia" label="病假" width="50" >
										</el-table-column>
										<el-table-column prop="kuanggong" label="旷工" width="50" >
										</el-table-column>
										<el-table-column prop="kaoqingkoukuan" label="考勤扣款合计" width="80" align="center" >
										</el-table-column>
									</el-table-column>
									<el-table-column label="代缴" align="center">
										<el-table-column prop="shebao" label="社保" width="70" align="center" >
										</el-table-column>
										<el-table-column prop="gongjijin" label="公积金" width="70" align="center" >
										</el-table-column>
										<el-table-column prop="total" label="合计" width="70" align="center" >
										</el-table-column>
									</el-table-column>
									<el-table-column prop="otherdel" label="其他应扣" width="70" >
									</el-table-column>
									<el-table-column prop="otheradd" label="其他应加" width="70" >
									</el-table-column>
									<el-table-column prop="actsalary" label="实发工资" width="70" >
									</el-table-column>
									<el-table-column prop="daka" label="打卡" width="70" >
									</el-table-column>
									<el-table-column prop="xianjing" label="现金" width="70" >
									</el-table-column>
									<el-table-column prop="cardnumber" label="工资卡号" width="200" align="center">
									</el-table-column>
									<el-table-column prop="writename" label="签名确认" width="90" align="center">
									</el-table-column>
								</el-table>

								<div style="margin-top: 20px">
									<el-pagination @current-change="handleCurrentPageChange" :current-page="queryForm.pageNo" :page-sizes="queryForm.pagesizes"
									 background layout="total,sizes, prev, pager, next" :total="pagetotal">
									</el-pagination>
								</div>
							</div>
						</el-card>
					</el-container>
				</el-container>


				< <!-- <div slot="footer" class="dialog-footer">
					<el-button @click="TichengVisible = false">取 消</el-button>
					<el-button type="primary" @click="onSubmit">确 定</el-button>
		</div> -->





		<el-dialog :visible.sync="imgdialogVisible">
			<img width="100%" :src="imgdialogImageUrl" alt="">
		</el-dialog>
		</template>
		</div>
	</body>
	<script src="./js/salary.js?v=0.8.0.3"></script>
</html>
